/**
 * 小区介绍
 * @author kobe
 * @date   2016/05/31
 */
.report-history-list{

    .mui-table-view{
        background: #efefef;
    }

    h4{
        padding: 0.02rem 0; //不知道为什么内容会裁剪一部分 所以加这一个行来恢复

    }

    .mui-table-view-cell{
        margin-top: 0.1rem;
        padding: 0;
        border-top: 1px solid #e8e8e8;
        background: #fff;

        &:first-child{
            border-top: none;
        }



        a{
            margin: 0;
        }
    }

    .to-detail{
        display: block;
        overflow: hidden;

        .top,
        .bottom{
            padding: 0.11rem 0.15rem;
            width: 100%;
            line-height: 0.3rem;
            overflow: hidden;
        }

        .bottom{
            border-top: 1px solid #e8e8e8;
            overflow: hidden;

            .statue{
                float:left;
                line-height: inherit;
            }

            .link-btn{
                float: right;
                color: #888;
                
                a{
                    padding: .03rem .08rem;
                    border: 1px solid #a8a8a8;
                    color: #333;
                    font-size: .14rem;
                    margin-left: .1rem;
                }
            }
        }

        .title{
            float: left;
            max-width: 60%;
            font-weight: 400;
            font-size: 0.16rem;
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
            color: #3b3b3b;
        }

        .date{
            float: right;
            font-size: 0.15rem;
            color: #999;
        }

    }

    .info{
        font-size: 0.12rem;
        color: #999;

        .iconfont {
            font-family: "property-notice" !important;
            margin-right: 5px;
            font-style: normal;
            font-size: 0.12rem;
            -webkit-text-stroke-width: 0.091px;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            color:#555;
        }

        .date-icon{
            &:after {
                content: '\e6e3';
            }
        }

        .watch{
            margin-left: 10px;

            .watch-icon{

                &:after {
                    content: '\e6e4';
                }
            }
        }


    }

    .type{
        padding: 2px 6px;
        line-height: 0.18rem;
        background: #ff9900;
        color: #fff;
        font-size: 0.1rem;

        &.greenBg{
            background: #07b087;
        }

        &.orangeBg{
            background: #cd33b9;
        }

        &.redBg{
            background: #ee5151;
        }

        &.grayBg{
            background: #999;
        }
    }

}
